/* 
    Document   : main
    Created on : Aug 19, 2010, 10:50:55 AM
    Author     : michel
    Description:
        Main declerations, such as body, html.
*/

/* 
   TODO extend this stylesheet
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/* Main declerations */
html {
    height: 90%;
}

body {
    background-color: #111;
    color: #AAA;
    font-family: 'Vollkorn', arial, serif;
    margin: 10px;
    height: 100%;
    overflow: hidden;
}

/* Main Header */
#mainTitle {
    margin: 0px 0px 10px 0px;
    padding: 0;
    outline: 1px solid #111;
    border-top: 1px solid #555;
    padding: 10px;
    background: #333;
}

#mainTitle h1 {
    margin: 0px 10px 0px 0px;
    display: inline-block;
}

#mainTitle #date {
    float: right;
    margin-top: 20px;
    font-style: italic;
    color: #555;
}

#mainTitle #date:hover {
    color: #999;
    cursor: pointer;
}

/* Main Content */
#mainContent {
    height: 97%;
}

#mainContent .block {
    border-top: 1px solid #444;
    border-left: 1px solid #444;
    border-bottom: 1px solid #111;
    border-right: 1px solid #111;
    padding: 0px;
    background: #333;
    width: 300px;
    margin-right: 0px;
    position: absolute;
    overflow: hidden;
}

#mainContent .block h2 {
    margin: 0px;
    padding: 4px 4px 2px 4px;
    border-bottom: 1px solid #555;
    font-size: 14px;
    cursor: pointer;
}

#mainContent .block h2:hover {
    background-color: #222;
}

#mainContent .block .blockcontent {
   border-top: 1px solid #111;
   padding: 5px;
   overflow: auto;
   font-size: 13px;
}

#mainContent .block .blockfooterline {
    bottom: 13px;
    position: absolute;
    padding: 4px 2px 2px 2px;
    margin: 0px 2px 0px 0px;
    border-top: 1px solid #111;
    width: 100%;
    font-size: 12px;
    background: #333;
}
#mainContent .block .blockfooter {
    bottom: 0px;
    position: absolute;
    padding: 4px 4px 2px 2px;
    border-top: 1px solid #555;
    width: 100%;
    font-size: 12px;
    background: #333;
    height: 12px;
}

#mainContent .block .blockcontent .biglist {
    margin: 0;
    padding: 0;
    list-style: none;
}
#mainContent .block .blockcontent .biglist li {
    border-top: 1px solid #444;
    border-left: 1px solid #444;
    border-bottom: 1px solid #111;
    border-right: 1px solid #111;
    background-color: #222;
    margin-bottom: 5px;
}

#mainContent .block .blockcontent .biglist li a {
    padding: 10px;
    display: block;
    color: #fff;
    text-decoration: none;
}

#mainContent .block .blockcontent .biglist li a:hover {
    background: #111;
}

#mainContent .block .blockcontent .biglist li a:active {
    background: #444;
    border-top: 1px solid #111;
    border-left: 1px solid #111;
    border-bottom: 1px solid #444;
    border-right: 1px solid #444;
}

/* Main Footer */

#mainFooter {
    position: relative;
    bottom: -plus0px;
    height: 14px;
    margin: 0px 0px 0px 0px;
    padding: 0;
    outline: 1px solid #111;
    border-top: 1px solid #555;
    padding: 10px;
    background: #333;
}

/* UI */

/* Buttons */
.ui-button, .ui-icon, button.ui-button-icon-only {
    height: 16px;
}

.ui-dialog-title, .ui-dialog-content {
    font-size: 14px;
}

/* Dialogs */

#dialogs {
    display: 'none';
    height: 1px;
    width: 1px;
    visibility: hidden;
}

/* Forms */

textarea, input {
    outline: 1px solid #111;
    border: 1px solid #555;
    width: 275px;
    color: #AAA;
    background-color: #333;
    font-family: 'Vollkorn', arial, serif;
}

textarea {
    width: 270px;
}

/* Blocks Content */

/* Twitter */

.tweet {
    border-top: 1px solid #444;
    border-left: 1px solid #444;
    outline: 1px solid #111;
    padding: 5px;
    margin-bottom: 5px;
    font-family: 'Vollkorn', arial, serif;
    color: #AAA;
}

.tweet a {
    color: #AAA;
}

.tweet hr {
    border: 0px;
    border-top: 1px solid #444;
    border-bottom: 1px solid #111;
}

.tweet .details {
    font-size: 10px;
}

.tweet h2 {
    float: left;
}

.switchUser, .switchMain {
    float: right;
}